<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_分区元素</title>
</head>
<body>
<h1>大家中午好！欢迎大家来到Java方向<span style="color:red;">第三阶段</span> 进行学习</h1>
<h1>今天是<span style="color:blue;">2025年8月20日</span>，星期<span style="color:green;">三</span>，天气<span style="color:yellow;">晴</span></h1>2025年8月20日，星期三，天气晴</h1>

<!-- 块级分区元素 会换行 独占一行 -->
<div>我是块级分区元素</div>
<div>我是块级分区元素</div>
<div>我是块级分区元素</div>
<hr>
<div class="header"> 我是头部</div>
<div class="nav"> 我是导航栏</div>
<div class="main"> 我是主体</div>
<div class="footer"> 我是尾部</div>
<hr>
<header>我是头部</header>
<nav>我是导航栏</nav>
<main>我是主体</main>
<footer>我是尾部</footer>
</body>
</html>